<template>
  <div class="box">
    <h5>子组件</h5>
    <p>msg:{{ msg }}</p>
    <!-- <input type="text" v-model="msg" /> -->
    <!-- <input type="button" value="修改msg" @click="setMsg()" /> -->
    <!-- 当事件绑定的方法内部，有且仅有一行复制操作，可以省略方法本身 -->
    <!-- <input type="button" value="修改msg" @click="msg = Math.random()" /> -->
    <p>num:{{ num }}</p>
    <p>arr:{{ arr }}</p>
    <p>user:{{ user }}</p>
    <!-- <input
      type="button"
      value="修改user.name"
      @click="user.name = Math.random()"
    /> -->
  </div>
</template>

<script>
export default {
  // 组件的数据仓库
  props: ["msg", "num", "arr", "user"],
  methods: {
    // setMsg() {
    //   this.msg = Math.random();
    // },
  },
};
</script>
